Open-source icon family · MIT

A flexible icon family for interfaces

Phosphor is a set of icons drawn on a 256px grid in six weights. Search the catalogue, set a weight, size and colour, then copy the snippet straight into your build.

Size {{ sizeLabel }}
Colour
{{ resultLabel }}
Used in RoomPlans.ai
Show more icons

No icon matches that name. Try a plainer word — “chair”, “arrow”, “file”.

HOW TO USE
Web font

Link a weight stylesheet, then write the glyph as an element with its weight and name class.

<i class="ph-bold ph-couch"></i>
React

Every icon ships as a component with size, colour, weight and mirrored props.

<Couch size={24} weight="bold" />
Raw SVG

Drop the 256-grid SVG into a design file, or into an icon map so nothing loads at runtime.

viewBox="0 0 256 256"